<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>管理后台</title>
    <!--    <link rel="stylesheet" href="__STATIC__/admin/css/login.css?v={$version}" media="all">-->
</head>

<body>


<style type="text/css">
    body { font-size:14px; font-family:"Microsoft Yahei"; color:#333; background: #dfe8ef; -webkit-tap-highlight-color:transparent; }
    input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], textarea, select { font-family:"Microsoft Yahei"; -webkit-appearance: none; border-radius:0; }
    h1, h2, h3, h4, h5, h6{ font-weight:normal;}
    ul, li, ol, dl, dt {list-style:none;}
    a { text-decoration:none; color:#333; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
    a:hover { text-decoration:none; color:#da251d; }
    img { border:0; vertical-align:top; max-width:100% !important;}
    *{ margin:0; padding:0; border:0; font-size:100%;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
    .clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
    .clearfix { zoom: 1 }
    .fl { float:left; }
    .fr { float:right; }
    input::-webkit-input-placeholder { color:#b4b4b4; }
    textarea::-webkit-input-placeholder { color:#b4b4b4; }

    .login_box{ width:882px; overflow:hidden; margin:auto; padding-bottom:10px; position:absolute; top:10%; left:50%; margin-left:-441px;}
    .login_tit{background: url(__STATIC__/admin/images/logo.png) no-repeat left center; padding-left:90px; margin-bottom:20px; color:#505051;}
    .login_tit .cn{ font-size:40px; color:#da251d; display:inline-block; }

    .login{ background-color:#FFF; width:866px; padding:8px; margin:auto; border-radius:8px; box-shadow: #666 0px 0px 10px; }
    .login_l{  background:url(__STATIC__/admin/images/login.jpg) no-repeat; width:443px; height:430px; float:left; position:relative;}
    .login_l .copy{ position:absolute; bottom:10px; width:100%; text-align:center; font-size:12px;}

    .login_r{ background:#f2f2f2; width:400px; height:430px; float:right;}
    .login_r_t{ background: url(__STATIC__/admin/images/1.jpg) repeat-x ; height:61px; line-height:61px; font-size:18px; color:#fff; padding-left:15px; border:1px solid #6f4d72;}
    .login_r_c{ padding:0 20px;}
    .login_r_c li{ margin-top:20px; position:relative;}
    .login_r_c li .tinput{  background-color:#FFF; width:100%; vertical-align:top; height:50px; border:1px solid #dfdfdf; padding:15px 30px 15px 15px; }
    .login_r_c li .codeinput{ width:171px;}
    .login_r_c li .codeimg{ width: 100px; height: 48px; vertical-align:top; margin-left: 20px;}

    .login_r_c li .valid{ background:#fff; width:246px; height:50px; position:relative; border:1px solid #dfdfdf;  }
    .login_r_c li .yxq{ background:#fff; line-height:48px; position:absolute; left:15px; top:0; color:#b4b4b4; z-index:2;}
    .login_r_c li .select{ width:161px; float:right; outline:none; height:48px; line-height:48px; color: #b4b4b4; font-size: 14px; text-align:center; padding-right:36px; cursor:pointer;}
    .login_r_c li .valid .arrow { position:absolute; top:20px; right:20px; display:inline-block; width:0; height:0; overflow: hidden; z-index:0; text-align:center; font-size:0; border-style: dashed dashed solid;border-width: 8px;border-color:#333 transparent transparent; border-top:#333 8px solid; border-left:transparent 8px dashed; border-right:transparent 8px dashed; border-bottom:transparent 8px dashed;}

    .login_r_c li .icon{ width:15px; height:15px; position:absolute; top:16px; left:330px;}
    .login_r_c li .icon.u{ background: url(__STATIC__/admin/images/1.png) no-repeat ;}
    .login_r_c li .icon.p{ background: url(__STATIC__/admin/images/2.png) no-repeat ;}

</style>

<!--main-->
<div class="login_box">
    <div class="login_tit">
        <span class="cn">明腾CMS系统 PHP版</span>
        <label class="en">V1.1.0.1</label>
    </div>
    <div class="login clearfix">
        <div class="login_l">
            <span class="copy">版权所有 <a href="http://www.wm.net.cn/" target="_blank">明腾-西部商务网</a> CopyRight(C) 2011-2016 </span>
        </div>
        <div class="login_r">
            <h3 class="login_r_t"> 管理员登录 </h3>
            <form  class="layui-form login-bottom">
                <ul class="login_r_c">
                    <li>
                        <input type="text" name="username" class="tinput" MaxLength="50" placeholder="用户名" />
                        <i class="icon u"></i>
                    </li>
                    <li>
                        <input type="password" name="password" class="tinput " MaxLength="50" placeholder="密　码" />
                        <i class="icon p"></i>
                    </li>
                    <li>
                        <input type="text" name="captcha" Class="tinput codeinput" MaxLength="4" placeholder="验证码" />
                        <img src="{:url('login/captcha')}" onclick="this.src='{:url(\'login/captcha\')}?seed='+Math.random()" class="codeimg" />
                    </li>
                    <li>
                        <input class="login-btn" lay-submit type="image" src="__STATIC__/admin/images/3.png" />
                        <a href="javascript:;" style="display:inline-block; margin-left:20px; vertical-align:top;" onclick="reset(this)"><img src="__STATIC__/admin/images/4.png" /></a>
                    </li>
                </ul>
            </form>
        </div>
    </div>
</div>
<!--main End-->

<script type="text/javascript">
    //重置
    function reset() {
        console.log($('#mylogin')[0]);
        $('#mylogin')[0].reset();
        layui.form.render();
    }
</script>

</body>
</html>


